<template>
  <div>
    <navbar></navbar>
    <lunbo></lunbo>
    <div class="contents ">
      <div class="details">
        <div class="content-l">
           <div class="content-1" v-show="ishow==1">
            	  	  <div>
            	  	  	币圈
            	  	  </div>
            	  	  <span>
            	  	  	lallalallallallallal
            	  	  </span>
            	  </div>
          <div class="content-2" v-show="shows==2">
            <img src="../../assets/img/Path 7.png" height="18px" alt="">
            <h4>币推荐</h4>
          </div>
          <div class="details-list">
            <ul>
              <li class="lis">
                <a href="#">
                  <div>
                    <h5>斗音被新浪微博：啦啦啦啦</h5>
                  </div>
                  <span>02-24 10:06</span>
                  <p> 啦啦啦啦啦了啦啦啦啦啦啦阿里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉</p>
                </a>
                <div class="lists">
                  <div>
                    <img src="../../assets/img/1.png" height="18px" alt="">
                    <a href="#" class="a-lis">cdc</a>
                    <a href="#" class="a-lis a2">区块链</a>
                    <a href="#" class="a-lis a3">消费链</a>
                  </div>
                  <div class="lists-r">
                    <a href="">
                      <img src="../../assets/img/love1.png" width="14px" alt="">
                      <span>777</span>
                    </a>
                    <span>|</span>

                    <a href="">
                      <img src="../../assets/img/fx.png" width="14px" alt="">
                      <span>777</span>
                    </a>
                    <span>|</span>
                    <a href="">
                      <img src="../../assets/img/pl.png" width="14px" alt="">
                      <span>777</span>
                    </a>
                  </div>
                </div>
              </li>
              <li>
                <a href="#">
                  <div>
                    <h5>斗音被新浪微博：啦啦啦啦</h5>
                  </div>
                  <span>02-24 10:06</span>
                  <p> 啦啦啦啦啦了啦啦啦啦啦啦阿里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉</p>
                </a>
                <div class="lists">
                  <div>
                    <img src="../../assets/img/1.png" height="20px" alt="">
                    <a href="#" class="a-lis">cdc</a>
                    <a href="#" class="a-lis a2">区块链</a>
                    <a href="#" class="a-lis a3">消费链</a>
                  </div>
                  <div class="lists-r">
                    <a href="">
                      <img src="../../assets/img/love1.png" width="10px" alt="">
                      <span>777</span>
                    </a>
                    <span>|</span>

                    <a href="">
                      <img src="../../assets/img/fx.png" width="10px" alt="">
                      <span>777</span>
                    </a>
                    <span>|</span>
                    <a href="">
                      <img src="../../assets/img/pl.png" width="10px" alt="">
                      <span>777</span>
                    </a>
                  </div>
                </div>
              </li>
              <li>
                <a href="#">
                  <div>
                    <h5>斗音被新浪微博：啦啦啦啦</h5>
                  </div>
                  <span>02-24 10:06</span>
                  <p> 啦啦啦啦啦了啦啦啦啦啦啦阿里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉</p>
                </a>
                <div class="lists">
                  <div>
                    <img src="../../assets/img/1.png" height="20px" alt="">
                    <a href="#" class="a-lis">cdc</a>
                    <a href="#" class="a-lis a2">区块链</a>
                    <a href="#" class="a-lis a3">消费链</a>
                  </div>
                  <div class="lists-r">
                    <a href="#">
                      <img src="../../assets/img/love1.png" width="10px" alt="">
                      <span>777</span>
                    </a>
                    <span>|</span>

                    <a href="#">
                      <img src="../../assets/img/fx.png" width="10px" alt="">
                      <span>777</span>
                    </a>
                    <span>|</span>
                    <a href="#">
                      <img src="../../assets/img/pl.png" width="10px" alt="">
                      <span>777</span>
                    </a>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div>
            <div class="main">
              <textarea id="tex" cols="60" rows="10" maxlength="100" class="texs"></textarea>
              <br>
              <input type="button" value="发表评论" id="ipt">
              <div id="txt">
              </div>
            </div>
          </div>
        </div>
        <div class="content-r">
          <div class="hot" v-show="isshow==1">
            <div class="hot-1">
              <img src="../../assets/img/Path 7.png" height="14px" width="5px">
              <h4>热门标签</h4>

            </div>
            <div>
              <a v-for="item in plateList" @click="labelDetails">{{item.name}}</a>
            </div>
          </div>
            <div class="content-rs" v-show="isshow==2">
				       <div class="myphoto">
					      <img src="" />
				       </div>
				      <span>思密达</span>
				<div class="personal">
          <router-link v-bind="{to:'/fans/'+ 2 }">
					<div class="one">
						<p>关注</p>
						<p>224242</p>
					</div>
					</router-link>
					<router-link v-bind="{to:'/fans/'+ 1 }">
					<div>
						<p>粉丝</p>
						<p>224242</p>
					</div>
					</router-link>
				</div>
				<p>具体个人介绍文字具体个人介绍文字具体个人介绍……</p>
			</div>

          <div class="talentlist">
            <div class="talentlist-one">
              <img src="../../assets/img/Path 7.png" height="14px" width="5px">
              <h4>达人榜</h4>
              <div>
              	 <router-link v-bind="{to:'/fans/'+ 3 }">更多></router-link>
              </div>
            </div>
            <ul class="talentlist-two">
              <li class="list">
                <div class="listphoto">
                  <img src=""/>
                </div>
                <div class="my-fans">
                  <div class="fans">
                    <div class="fans-one">
                      <p>
                        lalla
                      <p/>
                      <p>
                        33455粉丝
                      </p>
                    </div>
                    <div class="focus">
                      +关注
                    </div>
                  </div>
                  <p>啦啦啦啦啦了啦啦啦啦啦拉了拉里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉</p>
                </div>
              </li>
              <li class="list">
                <div class="listphoto">
                  <img src="" />
                </div>
                <div class="my-fans">
                  <div class="fans">
                    <div class="fans-one">
                      <p>
                        lalla
                      <p/>
                      <p>
                        33455粉丝
                      </p>
                    </div>
                    <div class="focus">
                      +关注
                    </div>
                  </div>
                  <p>啦啦啦啦啦了啦啦啦啦啦拉了拉里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉</p>
                </div>
              </li>
              <li class="list">
                <div class="listphoto">
                  <img src=""/>
                </div>
                <div class="my-fans">
                  <div class="fans">
                    <div class="fans-one">
                      <p>
                        lalla
                      <p/>
                      <p>
                        33455粉丝
                      </p>
                    </div>
                    <div class="focus">
                      +关注
                    </div>
                  </div>
                  <p>啦啦啦啦啦了啦啦啦啦啦拉了拉里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉</p>
                </div>
              </li>
              <li class="list">
                <div class="listphoto">
                  <img src=""/>
                </div>
                <div class="my-fans">
                  <div class="fans">
                    <div class="fans-one">
                      <p>
                        lalla
                      <p/>
                      <p>
                        33455粉丝
                      </p>
                    </div>
                    <div class="focus">
                      +关注
                    </div>
                  </div>
                  <p>啦啦啦啦啦了啦啦啦啦啦拉了拉里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉</p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <message></message>
    <floot></floot>
  </div>
</template>

<script>
  import navbar from '@/components/compon/navbar'
  import floot from '@/components/compon/floot'
  import message from '@/components/compon/message'
  import lunbo from '@/components/compon/lunbo'

  export default {
    components: {
      lunbo,
      navbar,
      floot,
      message
    }, data () {
      return {
        plateList: [],
        isshow:1,
        ishow:null,
        shows:null
      }
    }, mounted () {
    	this.shows = this.$route.params.num //拿到通过路由传过来的ID
      this.queryPlateList()

    },
    methods: {
      queryPlateList () {
        let params = {
          'condition': {},
          'current': 0,
          'pages': 0,
          'size': 0,
          'total': 0
        }
        this.$post('/plate/queryPlateList', params).then(response => {
          let r = response.data
          this.plateList = r.data.records
          console.log(this.plateList)
        })
      },
      labelDetails(){
      	  if(this.shows==2){
      	  	this.ishow=1
      	  	this.shows=null
      	  }
      }
    }
  }
</script>

<style scoped>
  @import '../../assets/css/pages/labeldetails.css';
  .content-rs {
	width: 100%;
	background-color: yellow;
	text-align: center;
	padding: 20px 0;
	margin-bottom: 30px;
}

.content-rs .myphoto {
	margin: 0 auto;
	width: 80px;
	height: 80px;
	border: 1px solid pink;
	border-radius: 50%;
}

.content-rs span {
	margin-top: 7px;

	font-size: 14px;
	color: #333333;
}

.personal {
	margin: 10px 0;
}

.personal div {
	display: inline-block;

	font-size: 12px;
	color: #000000;
}

.content-rs p {

	font-size: 12px;
	color: #4A4A4A;
	margin: 0 18px;
}
</style>
